<!DOCTYPE html>

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
        //function beginTransform(){$.get("/transform/download", function(data) {});}

</script>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Excle转换系统</title>
</head>
<body style="background-color: #f9f2f4">

<div class="container" style="margin-top: 20%; margin-left: 30%">
    <form name="uploadForm" method="POST" enctype="multipart/form-data" action="/excletransform/upload">
        <div class="row">
    <div class="col-sm-6">
        <div class="input-group">
            <input id='location' class="form-control" onclick="$('#i-file').click();">
            <label class="input-group-btn">
                <input type="button" id="i-check" value="上传文件" class="btn btn-primary" onclick="$('#i-file').click();">
            </label>
        </div>
    </div></div>
    <input type="file" name="file" id='i-file'  accept=".xls, .xlsx" onchange="$('#location').val($('#i-file').val());" style="display: none">
        <div class="row"><div class="col-sm-3" style="margin-top: 30px;margin-left: 11%;">
        <input type="submit" name="submit" class="btn btn-success" value="提交">
        <input type="reset" name="reset" class="btn btn-danger" style="margin-left: 5px;" value="重置">
        <input type="button" name="down" class="btn btn-info" style="margin-left: 5px;" value="转换并下载">
        </div></div>
    </form>
</div>
</body>
</html>
